昨天把外框架的部分處理好了~
那接下來就先來處理倒退鍵及名稱的部分
倒退鍵
.myIcon {
cursor: pointer;
}
.myIcon img {
width: 20px;
height: auto;
}
圖片的寬設置是20px
圖片的高設置是auto
他的高會隨著邊框的大小作改變
名稱
.vName {
width: 400px;
font-size: 25px;
border: none;
background-color: #fff;
}
width是離框的左邊平行距離400px
font-size就是設置字體的大小
border設置none可以把字體的邊框隱藏
隱藏前
隱藏後
而到這聊天室的上方部分的呈現就完成了~